<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!--文档编码-->
    <meta charset="utf-8">
    <!--为了让IE以最新的标准和模式进行当前页面的渲染：为了让 IE 浏览器运行最新的渲染模式下-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--移动端的适配-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>微金所</title>

    <!-- Bootstrap  引入当前bootstrap框架核心的样式文件 -->
    <link href="./lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <!--引入自定义CSS文件-->
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="less.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries 在IE8及以下不支持响应式，所以引入文件是为了兼容IE8及以下版本的显示-->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// Respond.js如果通过file://打开则不会有效果，需要通过http:// |  https:// 协议打开-->
    <!--[if lt IE 9]>
    <script src="./lib/html5shiv/html5shiv.min.js"></script>
    <script src="./lib/respond/respond.js"></script>
    <![endif]-->
</head>
<body>
<!--顶部通栏 在小屏和超小屏隐藏-->
<header class="wjs_topBar hidden-sm hidden-xs">
   <div class="container">
       <div class="row wjs_topBox">
          <!--总共12份，占2份-->
          <div class="col-md-2 border_right">
              <a href="javaScript:;" class="app">
                  <span class="wjs_icon wjs_icon_phone"></span>
                  <span>手机微金所</span>
                  <span class="glyphicon glyphicon-menu-down"></span>
                  <img src="images/code.jpg" alt=""/>
              </a>
          </div>
          <div class="col-md-5 border_right">
              <span class="wjs_icon wjs_icon_call"></span>
              <a href="javaScript:;">4006-89-4006（服务时间：9:00~21:00） 联系在线客服</a>
          </div>
          <div class="col-md-2 border_right">
              <a href="javaScript:;" class="padding_right">常见问题</a>
              <a href="javaScript:;">财富登录</a>
          </div>
          <div class="col-md-3">
              <!-- Indicates a dangerous or potentially negative action -->
              <button type="button" class="btn btn-danger">免费注册</button>
              <a href="javaScript:;" class="padding_left">登录</a>
          </div>
       </div>
   </div>
</header>

<!--导航栏-->
<nav class="navbar wjs_nav wjs_navBar">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed margin_top" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <span class="wjs_icon wjs_icon_logo logo"></span>
                <span class="wjs_icon wjs_icon_text text"></span>
            </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav hidden-sm">
                <li class="active"><a href="#" class="line">我要投资<span class="sr-only">(current)</span></a></li>
                <li><a href="#">我要借贷</a></li>
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">最新动态</a></li>
                <li><a href="#">微平台</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">个人中心</a></li>
            </ul>
        </div>
    </div>
</nav>

<!--轮播图-->
<div class="wjs_banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
            <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
            <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
            <!--<li data-target="#carousel-example-generic" data-slide-to="3"></li>-->
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <!--<div class="item active">-->
            <!--&lt;!&ndash;PC端用背景图，超小屏设备隐藏&ndash;&gt;-->
            <!--<a href="javaScript:;" class="PC_Img hidden-xs"></a>-->
            <!--&lt;!&ndash;移动端用img，大屏 中屏 小屏设备隐藏&ndash;&gt;-->
            <!--<a href="javaScript:;" class="m_Img hidden-lg hidden-md hidden-sm"><img src="images/slide_01_640x340.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="item">-->
                <!--<a href="javaScript:;" class="PC_Img hidden-xs"></a>-->
                <!--<a href="javaScript:;" class="m_Img hidden-lg hidden-md hidden-sm"><img src="images/slide_02_640x340.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="item">-->
                <!--<a href="javaScript:;" class="PC_Img hidden-xs"></a>-->
                <!--<a href="javaScript:;" class="m_Img hidden-lg hidden-md hidden-sm"><img src="images/slide_03_640x340.jpg" alt=""/></a>-->
            <!--</div>-->
            <!--<div class="item">-->
                <!--<a href="javaScript:;" class="PC_Img hidden-xs"></a>-->
                <!--<a href="javaScript:;" class="m_Img hidden-lg hidden-md hidden-sm"><img src="images/slide_04_640x340.jpg" alt=""/></a>-->
            <!--</div>-->
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<!--信息-->
<div class="wjs_info hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                       <h4>支持交易保障</h4>
                       <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                        <h4>支持交易保障</h4>
                        <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                        <h4>支持交易保障</h4>
                        <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                        <h4>支持交易保障</h4>
                        <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                        <h4>支持交易保障</h4>
                        <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="javaScript">
                    <span class="wjs_icon wjs_icon_money float_left"></span>
                    <div class="hp float_left">
                        <h4>支持交易保障</h4>
                        <p>银联支持全程保障支持安全</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<!--预约-->
<div class="wjs_book hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-9">
               <span class="wjs_icon wjs_icon_clock"></span>
               <span>现在的 272 人在排队，累计预约交易成功 7571 次</span>
               <a href="javaScript:;">什么叫预约投标</a>
               <a href="javaScript:;">立即预约</a>
            </div>
            <div class="col-sm-3">
                <span class="wjs_icon wjs_icon_photography"></span>
                <a href="javaScript:;" class="a_color">微金所企业宣传片</a>
            </div>
        </div>
    </div>
</div>

<!--产品-->
<div class="wjs_product">
   <div class="container">
       <div class="tabBox">
           <!-- Nav tabs -->
           <ul class="nav nav-tabs" role="tablist">
               <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">特别推荐</a></li>
               <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">微投资</a></li>
               <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">微小宝</a></li>
               <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">月月盈</a></li>
               <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">稳赢宝</a></li>
               <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">海航通宝</a></li>
               <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">微金宝</a></li>
           </ul>
       </div>
       <!-- Tab panes -->
       <div class="tab-content">
           <div role="tabpanel" class="tab-pane active" id="home">
               <div class="container">
                   <div class="row tab_col">
                       <!--简写方式: div.col-md-4.col-sm-6.col-xs-12*4-->
                       <div class="col-md-4 col-sm-6 col-xs-12">
                           <a href="javaScript:;" class="productBox backgroundColor">
                              <div class="box_left word_color_write">
                                 <h4>新手体验1002期</h4>
                                 <div class="row">
                                     <div class="col-xs-6 float_left">
                                         <p class="font_size">起投金额(元)</p>
                                         <p class="font_size">0.01万</p>
                                     </div>
                                     <div class="col-xs-6 float_right text_align">
                                         <p class="font_size">起投金额(元)</p>
                                         <p class="font_size">0.01万</p>
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-xs-6 float_left">
                                         <p class="font_size">起投金额(元)</p>
                                         <p class="font_size">0.01万</p>
                                     </div>
                                     <div class="col-xs-6 float_right text_align">
                                         <p class="font_size">起投金额(元)</p>
                                         <p class="font_size">0.01万</p>
                                     </div>
                                 </div>
                              </div>
                              <span class="wjs_icon wjs_icon_pLeft span"></span>
                              <div class="box_right word_color_write">
                                  <p>8<sub>%</sub></p>
                                  <span>年利率</span>
                              </div>
                           </a>
                       </div>
                       <div class="col-md-4 col-sm-6 col-xs-12">
                           <a href="javaScript:;" class="productBox">
                               <div class="box_left word_color_black">
                                   <h4>新手体验1002期</h4>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                               </div>
                               <div class="box_right">
                                   <p class="word_color_wjsRed">8<sub>%</sub></p>
                                   <span class="word_color_black">年利率</span>
                                   <span class="word_bao" data-toggle="tooltip" data-placement="top" title="微金宝">宝</span>
                                   <span class="word_bei" data-toggle="tooltip" data-placement="bottom" title="北京市">北</span>
                               </div>
                           </a>
                       </div>
                       <div class="col-md-4 col-sm-6 col-xs-12">
                           <a href="javaScript:;" class="productBox">
                               <div class="box_left word_color_black">
                                   <h4>新手体验1002期</h4>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                               </div>
                               <div class="box_right">
                                   <p class="word_color_wjsRed">8<sub>%</sub></p>
                                   <span class="word_color_black">年利率</span>
                               </div>
                           </a>
                       </div>
                       <div class="col-md-4 col-sm-6 col-xs-12">
                           <a href="javaScript:;" class="productBox">
                               <div class="box_left word_color_black">
                                   <h4>新手体验1002期</h4>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                                   <div class="row">
                                       <div class="col-xs-6 float_left">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                       <div class="col-xs-6 float_right text_align">
                                           <p class="font_size">起投金额(元)</p>
                                           <p class="font_size">0.01万</p>
                                       </div>
                                   </div>
                               </div>
                               <div class="box_right">
                                   <p class="word_color_wjsRed">8<sub>%</sub></p>
                                   <span class="word_color_black">年利率</span>
                               </div>
                           </a>
                       </div>
                   </div>
               </div>
           </div>
           <div role="tabpanel" class="tab-pane" id="profile">2</div>
           <div role="tabpanel" class="tab-pane" id="messages">3</div>
           <div role="tabpanel" class="tab-pane" id="settings">4</div>
       </div>
   </div>
</div>

<!--新闻-->
<div class="wjs_news">
    <div class="container">
       <div class="row">
           <div class="col-md-2 col-xs-12 col-md-offset-2">
              <div class="news_l">
                  <h4>全部新闻</h4>
              </div>
           </div>
           <div class="col-md-1 col-xs-12">
              <!-- Nav tabs -->
              <ul class="nav nav-tabs" role="tablist">
                  <li role="presentation" class="active"><a href="#home1" aria-controls="home" role="tab" data-toggle="tab"><span class="wjs_icon wjs_icon_new01"></span></a></li>
                  <li role="presentation"><a href="#profile1" aria-controls="profile" role="tab" data-toggle="tab"><span class="wjs_icon wjs_icon_new02"></span></a></li>
                  <li role="presentation"><a href="#messages1" aria-controls="messages" role="tab" data-toggle="tab"><span class="wjs_icon wjs_icon_new03"></span></a></li>
                  <li role="presentation"><a href="#settings1" aria-controls="settings" role="tab" data-toggle="tab"><span class="wjs_icon wjs_icon_new04"></span></a></li>
              </ul>
              <div class="dashLine hidden-sm hidden-xs"></div>
           </div>
           <!-- Tab panes -->
           <div class="tab-content col-md-7 col-xs-12">
               <div role="tabpanel" class="tab-pane active" id="home1">
                   <a href="javaScript:;">2016-01-22【微公告】关于海航通宝22期项目募集期延长通知</a>
                   <a href="javaScript:;">1234680=-09876512467054789oiytrewwetu</a>
                   <a href="javaScript:;">2016-01-22【微动态】世纪佳缘与百合网的投资人首善财富董事长吴正新一行莅临微金所调研指导</a>
                   <a href="javaScript:;">2016-01-22【微动态】封面人物第六期 ▏万雅泉—— 手写心情的双鱼座美女</a>
                   <a href="javaScript:;">2016-01-22【微公告】2016年7月11日微金所平台系统升级维护公告</a>
                   <a href="javaScript:;">2016-01-22【微动态】微金所与前海航交所携手，正式推出安全优质的理财产品—海航金宝！</a>
                   <a href="javaScript:;">2016-01-22【微动态】微金所七月电脑节，激情狂欢理财好礼送不停！</a>
                   <a href="javaScript:;">2016-01-22【微还款】一周还款公告2016年7月11日-7月17日</a>
               </div>
               <div role="tabpanel" class="tab-pane" id="profile1">2</div>
               <div role="tabpanel" class="tab-pane" id="messages1">3</div>
               <div role="tabpanel" class="tab-pane" id="settings1">4</div>
           </div>
       </div>
    </div>
</div>

<!--合作伙伴-->
<footer class="wjs_paretner">
   <h2>合作伙伴</h2>
   <div class="aBox">
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner01"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner02"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner03"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner04"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner05"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner06"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner07"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner08"></a>
      <a href="javaScript:;" class="wjs_icon wjs_icon_partner09"></a>
   </div>
</footer>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) bootstrap是基于iQuery，所以先引入jq-->
<script src="./lib/jquery/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed 是bootstrap核心的js文件-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<!--引入iscroll.js-->
<script src="js/iscroll.js"></script>
<!--引入自定义JS文件-->
<script src="js/index.js"></script>
</body>
</html>